<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- form表示表单区域 -->
     <!-- action表示数据提交的地址 -->
    <form action="">
    <!-- placeholder表示输入框占位文字 -->
    文本框<input type="text" placeholder="请输入账号">
    <br>
    密码框<input type="password" placeholder="请输入密码">
    <br>
    <!-- name值一样表示分在同一组，同一组中，实现多选一 -->
    <!-- checked即默认勾选 -->
    <!-- label两种写法，一种需要id和for的值一样，一种直接包含即可，可以使点击控件范围变大 -->
    单选框<input type="radio" name="gender" id="man"> <label for="man">男</label>
    <label><input type="radio" name="gender" checked>女</label>
    <br>
    多选框<input type="checkbox" checked> 同意用户守则
    <input type="checkbox" checked> 同意遵守
    <br>
    <!-- mutiple 允许多文件上传 -->
    文件上传<input type="file" multiple>
    <br>
    所在城市：
    <select name="提交到服务器的相关数据点的名字" id="">
        <option value="被选中时提交给服务器的内容">北京</option>
        <option>上海</option>
        <option>广州</option>
        <option selected>成都</option>
    </select>
    <br>
    <!-- button 按钮，不同的type属性值实现不同的功能 -->
    <button type="reset">重置</button>
    <!-- type不写默认是提交 -->
    <button type="submit">提交</button>
    <button type="button">普通按钮</button>
    </form>
</body>
</html>